<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝网 - 淘！我喜欢</title>
    <link rel="stylesheet" href="login.css">
</head>
<body>
    <div class="head">
        <div class="logo"><img src="./img/TB1_uT8a5ERMeJjSspiXXbZLFXa-143-59.png" alt="logo"></div>
        <p>"登录页面"改进建议</p>
    </div> 
     <!-- 中部内容 -->
    <div class="main-content">
        <!-- 登录盒子 -->
       <div class="login-box">
           <div class="check-login">
               <p class="password">密码登录</p>
               <p class="message">短信登录</p>
            </div>

            <form  class="login-input">
                <p class="hint">❗登录名或登录密码不正确</p>
                <div class="input-box name-box dl"> 
                    <label class="name-label" for="name"></label>
                    <input type="text" class="name" id="name"placeholder="会员名/邮箱/手机号">
                </div>
                <div class="input-box pass-box dl"> 
                    <label class="pass-label" for="pass"></label>
                    <input type="password" name="password" class="pass" id="pass"placeholder="请输入登录密码">
                </div>
                <div class="input-box btn-box " > 
                    
                    <input type="button" value="登录" class="dl-btn">
                </div>
               
                      
            </form>
            <div class="else-login">
                <p class="wb-login">微博登录</p>
                <p class="zfb-login">支付宝登录</p>
            </div>

            <div class="help">
                <p class="get-p">忘记密码</p>
                <p class="get-n">忘记用户名</p>
                <p class="new-id">免费注册</p>
            </div>


       </div>

    </div>
    <script src="login.js"></script>
</body>
</html>